@charset "utf-8";

.web{
//  height:100%;
//  width:100%;
    header{
        position: relative;
        z-index: 999;
        height: 50px;
        width:100%;
        color:#9d9d9d;
        font-size:14px;
        .navbar > .container-fluid .navbar-brand{
            margin-left: 0;
        }
        .navbar-default {
            background-color: transparent;
        }
        .navbar{
//          height:100%;
//          width:100%;
            border-width:0;
//          margin-bottom: 20px;
            background-color: #222222;
            .container-fluid{
//              padding:0 240px;
//              可能是这里的毛病。
//              background-color: #222222;
                /*这个背景虽然踏下来会断开背景，但是button里用到。*/
//             然后发现直接在navbar里面加就全部有了，head都不用要。
                .navbar-header{
                    margin:0;
                    padding-right: 14px;
                    box-sizing: border-box;
                    .navbar-brand{
                        padding:0;
                        padding-top:10px;
                    }
                }
                .collapse{
                    .active > a{
                        color:#fff;
                        background: #080808;
                    }
                    a:hover{
                        color:#fff;
                    }
                }
            }
        }
        @media (min-width: 768px){
            .navbar {
                border-radius: 0px;
            }
        }
        @media screen and (min-width:768px) and (max-width:992px){
            .nav>li>a{
                padding-left: 3px;
                padding-right:3px;
                
            }
        }
    }
    section{
        
    }
    footer{
        .footer{
//          height:113px;
            background: #3b3b3b;
            color:#a1a3ab;
            padding-top: 35px;
            .footer-left{
                margin-left: 18px;
                .lianjie{
                    font-size: 14px;
                    ul{
                        margin:0;
                        li{
                            float: left;
                            padding-right: 13px;
                            padding-bottom: 13px;
                        }
                    }
                    ul::after{
                        clear: both;
                        display: block;
                        content: "";
                    }
                }
                .beian{
                    font-size: 11px;
                }
            }
            .footer-right{
                div{
                    float: right;
//                  width:38px;
                    margin-right: 18px;
                    box-sizing: border-box;
                    img{
                        width:38px;
                    }
                    
                }
                div:first-child{
                    margin-right: 0;
                    
                }
                .lianxi-weixin{
                    position: relative;
                    img:nth-child(2){
                        width:142px;
                        position: absolute;
                        top:-155px;
                        left:-50px;
                        display: none;
                    }
                }
                .lianxi-weixin:hover{
                    img:nth-child(2){
                        display: block;
                    }
                }
            }
        }
        .footer::after{
            clear: both;
            display: block;
            content: "";
        }
//      手机尺寸768下隐藏二维码。右边
        @media only screen and (max-width: 768px){
            .footer-right{
                display: none;
            }
        }
    }
}
